<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Head-->
      <header class="page-head">
        {template "layouts","navbar"}
        <!--Swiper-->

        <div data-loop="true" data-height="" data-slide-effect="fade" data-dragable="false" data-min-height="400px" class="swiper-container swiper-slider bg-white">
          {pc:content action="position" posid="1" num="3" siteid="$siteid" order="listorder ASC"}
          <div class="swiper-wrapper text-center">
            {loop $data $r}
            <div id="page-loader" data-slide-bg="{$r['thumb']}" class="swiper-slide">
              <div class="swiper-caption">
                <div class="swiper-slide-caption">
                  <div class="shell bg-dark section-41 section-sm-98 section-md-bottom-167">
                    <h2>{$r['title']}<br class="veil reveal-md-block">{$r['description']}</h2>
                    <h5 class="veil reveal-md-block">
                      {$r['content']}
                    </h5>
                    <a href="{$r['url']}" class="btn btn-ellipse btn-java offset-top-24">了解更多</a>
                  </div>
                </div>
              </div>
            </div>
            {/loop}

          </div>
          {/pc}
          <div class="swiper-pagination"></div>
        </div>
      </header>
      <!-- Page Contents-->
      <main class="page-content">
        <!-- What makes us different-->
        <!--What makes us different-->
        <section class="section-98 section-sm-110">
          <div class="shell">
            <h3>什么使我们与众不同</h3>
            <hr class="divider divider-lg bg-primary">
            <div class="range offset-top-60">
              <div class="cell-md-4">
                <div class="icon icon-xlg icon-rect icon-default icon-pills-xl"></div>
                <h5 class="text-bold text-primary">中外先进的医疗产品</h5>
                <p>我们与国外多家专业的医疗设备生产厂家建立了合作关系，掌握着最新的产品详情</p>
              </div>
              <div class="cell-md-4 offset-top-50 offset-md-top-0">
                <div class="icon icon-xlg icon-rect icon-default icon-doctor-xl"></div>
                <h5 class="text-bold text-primary">贴心细致的服务</h5>
                <p>华昱始终将“服务只有更好，没有最好”作为服务客户的宗旨</p>
              </div>
              <div class="cell-md-4 offset-top-50 offset-md-top-0">
                <div class="icon icon-xlg icon-rect icon-default icon-medical-car-xl"></div>
                <h5 class="text-bold text-primary">成熟的医疗养老经验</h5>
                <p>我们已成功协助完成未名集团与湘雅医院联手打造的“湘雅健康谷”的医疗养老的规划</p>
              </div>
            </div>
          </div>
        </section>
        <!-- Call to action-->
        <section class="rd-parallax">
          {pc:content action="position" posid="18" num="1" siteid="$siteid" order="listorder ASC"}
          {loop $data $r}
          <div data-speed="0.2" data-type="media" data-url="{$r['thumb']}" class="rd-parallax-layer"></div>
          <div data-speed="0" data-type="html" class="rd-parallax-layer section-98 section-sm-110 context-dark">
            <div class="shell text-center">
              <h2>{$r['title']}<br class="veil reveal-md-block">{$r['description']}</h2>
              <p class="offset-top-30 text-gray-light">
                {$r['content']}
              </p>
              <div class="offset-top-30"><a href="{$r['url']}" class="btn btn-ellipse btn-java">了解更多</a></div>
            </div>
          </div>
          {/loop}
          {/pc}
        </section>
	<!-- Main services-->
        <section class="section-98 section-sm-110">
          <div class="shell">
            <h3>主要服务</h3>
            <hr class="divider divider-lg bg-primary">
            <div class="offset-top-41 offset-md-top-60">
              <p>我们竭诚为所有的客户提供最优质的服务享受</p>
            </div>
            {pc:content action="lists" catid="36" num="3" siteid="$siteid" order="listorder DESC"}
            <div class="range offset-top-60 text-md-left">
                {loop $data $r}
                <div class="cell-sm-6 cell-md-4">
                  <div class="service">
                    <img src="{$r['thumb']}" width="320" height="320" alt="" class="img-responsive"/>
                    <a href="{$r['url']}" class="service-desc h6">{$r['title']}</a>
                  </div>
                </div>
                {/loop}
            </div>
              {/pc}
          </div>
        </section>
        <!-- 照片墙 -->
        <section>
          {pc:content action="lists" catid="29" num="5" siteid="$siteid" order="listorder DESC"}
          <div class="reveal-md-flex range-xs-center">
            {loop $data $r}
            <figure class="thumbnail-josip thumbnail-big odd">
              <a href="{$r['url']}"><img width="384" height="410" src="{$r['thumb']}" alt=""/></a>
              <div class="thumbnail-desc">
                <h5 class="thumbnail-josip-title text-bold text-white">{$r['title']}</h5>
                <p class="veil reveal-md-block text-italic text-white offset-top-0">{$r['description']}</p>
              </div>
              <figcaption><a href="{$r['url']}" class="btn btn-block btn-rect text-md-left btn-java">查看全部</a></figcaption>
            </figure>
            {/loop}
          </div>
          {/pc}
        </section>
        <!-- 来宾留言 -->
        <section class="section-98 section-sm-110">
          <div class="shell">
            <h3>来宾留言</h3>
            <hr class="divider divider-lg bg-primary">
            <div class="offset-top-66">
              {pc:get sql="SELECT * FROM `hy_guestbook` WHERE `passed`=1 Order by listorder DESC" num="4"}
              <div data-loop="false" data-items="1" data-dots="true" data-mouse-drag="false" data-md-items="2" data-nav="false" class="owl-carousel owl-carousel-default owl-carousel-class-light">
                {loop $data $r}
                <div class="owl-item">
                  <blockquote class="quote quote-classic">
                    <div class="quote-body">
                      <p class="h4 text-italic text-gray-dark">
                        <q>{$r['content']}</q>
                      </p>
                      <div class="quote-meta unit unit-horizontal unit-spacing-sm unit-middle">
                        <div class="unit-left unit-item-narrow"><img width="60" height="60" src="/resources/images/users/user-betty-wade-60x60.jpg" alt="" class="img-circle quote-img"/></div>
                        <div class="unit-body unit-item-wide">
                          <h5 class="quote-author text-capitalize text-bold">
                            <cite class="text-normal">{$r['username']}</cite>
                          </h5>
                          <p class="quote-desc text-capitalize text-gray text-italic">{date('Y-m-d H:m:s',$r['addtime'])}</p>
                        </div>
                      </div>
                    </div>
                  </blockquote>
                </div>
                {/loop}
              </div>
              {/pc}
            </div>
          </div>
        </section>
        <!-- 底部广告 -->
        <section class="rd-parallax">
          {pc:content action="position" posid="19" num="3" siteid="$siteid" order="listorder ASC"}
          {loop $data $r}
          <div data-speed="0.2" data-type="media" data-url="{$r['thumb']}" class="rd-parallax-layer"></div>
          <div data-speed="0" data-type="html" class="rd-parallax-layer section-98 section-sm-110 context-dark">
            <div class="shell text-center">
              <h2>{$r['title']}<br class="veil reveal-md-block">{$r['description']}</h2>
              <p class="offset-top-30 text-gray-light">
                {$r['content']}
              </p>
              <div class="offset-top-30"><a href="{$r['url']}" class="btn btn-ellipse btn-java">了解更多</a></div>
            </div>
          </div>
          {/loop}
          {/pc}
        </section>
        <!-- 新闻动态 -->
        <section class="section-98 section-sm-110">
          <div class="shell">
            <h3>最新消息</h3>
            <hr class="divider divider-lg bg-primary">
            {pc:content action="lists" catid="14" num="3" siteid="$siteid" order="listorder DESC"}
            <div class="range range-xs-center offset-top-60">
              {loop $data $r}
              <div class="cell-sm-8 cell-md-4">
                <!-- Post Modern-->
                <article class="post post-modern post-modern-classic">
                  <!-- Post media-->
                  <header class="post-media"><a href="{$r['url']}"><img width="370" height="250" src="{$r['thumb']}" alt="" class="img-responsive img-cover"/></a>
                  </header>
                  <!-- Post content-->
                  <section class="post-content text-left">
                    <!-- Post Title-->
                    <div class="post-title offset-top-8">
                      <h4 class="text-bold"><a href="{$r['url']}" title="{$r['title']}">{str_cut($r['title'],42)}</a></h4>
                    </div>
                    <ul class="list-inline list-inline-dashed">
                      <li>{date('Y-m-d H:m:s',$r['inputtime'])}</li>
                      <li class="text-primary">{$r['username']}</li>
                    </ul>
                    <!-- Post Body-->
                    <div class="post-body">
                      {$r['description']}
                    </div>
                    <div class="tags group group-sm">
                    </div>
                  </section>
                </article>
              </div>
              {/loop}
            </div>
            {/pc}
            <div class="offset-top-50"><a href="{$CATEGORYS[14]['url']}" class="btn btn-ellipse btn-java">查看全部</a></div>
          </div>
        </section>

        <!-- Google map-->
        {template "layouts","googlemap"}
        <!-- 合作伙伴 -->
        <section class="section-30">
          <div class="shell">
            <!-- <h3>友情链接</h3>
            <hr class="divider divider-lg bg-java"> -->
            <div class="offset-top-0">
              <div class="owl-carousel-middle">
                <!-- owl carousel-->
                {pc:link  action="type_list" siteid="$siteid" linktype="1" order="listorder DESC" num="8" return="pic_link"}
                <div data-loop="false" data-items="1" data-xs-items="2" data-dots="true" data-mouse-drag="false" data-md-items="5" data-nav="false" class="owl-carousel owl-carousel-default owl-carousel-class-light owl-carousel-middle">
                  {loop $pic_link $r}
                  <a href="{$r['url']}" title="{$r['name']}"><img src="{$r['logo']}" alt="img-responsive reveal-inline-block img-semi-transparent"></a>
                  {/loop}
                </div>
                {/pc}
              </div>
            </div>
          </div>
        </section>
      </main>
      <!-- Page Footer-->
      <!-- Default footer-->
      <footer class="section-relative section-34 section-md-66 page-footer bg-lighter context-light">
        <div class="shell-wide">
          <div class="inset-xl-left-30">
            <div class="range range-sm-center">
              <div class="cell-sm-8 cell-md-12">
                <div class="range range-md-justify range-md-middle">
                  <div class="cell-md-4 cell-md-push-1 text-md-left">
                    <!-- Footer brand-->
                    <div class="footer-brand reveal-inline-block"><a href="index.html"><img width='316' height='57' class='img-responsive' src='/resources/images/logo-dark.png' alt=''/></a></div>
                  </div>
                  <div class="cell-md-4 offset-top-55 offset-md-top-0 cell-md-push-3 text-md-right">
                    <ul class="list-inline">
                      <li><a href="#" class="icon fa fa-qq icon-xxs icon-circle icon-gray-light-2"></a></li>
                      <li><a href="#" class="icon fa fa-wechat icon-xxs icon-circle icon-gray-light-2"></a></li>
                      <li><a href="#" class="icon fa fa-weibo icon-xxs icon-circle icon-gray-light-2"></a></li>
                      <li><a href="#" class="icon fa fa-rss icon-xxs icon-circle icon-gray-light-2"></a></li>
                    </ul>
                  </div>
                  <div class="cell-md-4 offset-top-55 offset-md-top-0 cell-md-push-2">
                    <p class="text-gray">&copy; <span id="copyright-year"></span> 深圳市华昱药业有限公司 版权所有. <a href="{$CATEGORYS[30]['url']}" class="text-gray">隐私政策</a><br>ICP备案号:粤ICP备17157203号-1</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
